<template>
    <div class="wrapper">
        <v-head></v-head>
        <!-- <v-sidebar></v-sidebar> -->
        <div style="display:table;margin-top:20px;background:#fff;" class="box-container">
            <div  style="display:table-cell;width:180px;border-right:10px solid #F6F8F9;box-sizing:border-box;vertical-align:top;">
             <v-sidebar-left ref='menuLeft' v-if='$route.path!="/deviceAlarms"'></v-sidebar-left>
            </div>
         <div class="content box-container" style="display:table-cell;">
            <transition name="move" mode="out-in"><router-view  @watchRouter="changeRouter"></router-view></transition>
        </div>
        </div>
    </div>
</template>

<script>
    import vHead from './Header.vue'
    import  vSidebar from './Sidebar.vue'
    import vSidebarLeft from './SidebarSub.vue'
    export default {
        components:{
            vHead, vSidebar,vSidebarLeft
        },
        data(){
            return {
                path:this.$route.path
            }
        },
        methods:{
        changeRouter(route)
        {
           
            //this.$refs.menuLeft.items=this.$refs.menuLeft.getSubMenu()
            //console.log(route)
        }
        },
        mounted () {
            // console.log(this.$route)
        }
    }
</script>
